<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢迎来到主页面</title>
  <link rel="stylesheet" href="../main/index.css">
</head>

<body>
  <div class="title clearfix">
    <div class="logo">
      <img src="../../assets/styles/logo.png">
    </div>
    <div class="name" id="t_name"></div>
  </div>
  <div class="content">
    <ul class="left_nav" id="left_btn">
      <li goal='stu_list' class="active">学生列表</li>
      <li goal="stu_stud" >新增学生</li>
      <li goal='find_stu'>查找学生</li>
    </ul>
    <div class="right_cont" id="right_cont">
      <div class="stu_list active_cont">
        <table class="stu_table" cellspacing='0'>
          <thead>
            <tr>
              <th>学号</th>
              <th>姓名</th>
              <th>性别</th>
              <th>年龄</th>
              <th>电话</th>
              <th>邮箱</th>
              <th>地址</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="list_body">
            <!-- <tr>
              <td>2000</td>
              <td>张三</td>
              <td>男</td>
              <td>18</td>
              <td>18723990592</td>
              <td>hesong1999@126.com</td>
              <td>重庆市</td>
              <td>
                <span>编辑</span>
                <span>删除</span>
              </td>
            </tr> -->
            
          </tbody>
        </table>
        <div class="Dialog" id="Dialog">
          <form class="edit_form" id="edit_form">
            <div class="item clearfix" style="margin-top: 25px;">
              <label for="name">姓名:</label>
              <input type="text" id="name">
            </div>
            <div class="item clearfix">
              <label for="sNo">学号:</label>
              <input type="text" id="sNo" readonly>
            </div>
            <div class="item clearfix">
              <label for="sex">性别:</label>
              <select id="sex">
                <option value="0">男</option>
                <option value="1">女</option>
              </select>
            </div>
            <div class="item clearfix">
              <label for="birth">生日:</label>
              <input type="text" id="birth">
            </div>
            <div class="item clearfix">
              <label for="phone">电话:</label>
              <input type="text" id="phone">
            </div>
            <div class="item clearfix">
              <label for="address">地址:</label>
              <input type="text" id="address">
            </div>
            <div class="item clearfix">
              <label for="email">邮件:</label>
              <input type="text" id="email">
            </div>
            <div class="btns">
              <div class="add_btn" id="edit_btn">修改</div>
            </div>
          </form>
        </div>
        <div class="turn_page clearfix">
          <div class="page_btn iconfont icon-arrow_l" id="lef_btn">
          </div>
          <ul class="page" id="page">
            <!-- <li class="active">1</li>
            <li>2</li>
            <li>3</li> -->
          </ul>
          <div class="page_btn iconfont icon-arrow-r"  id="right_btn"></div>
        </div>
      </div>
      <div class="stu_stud ">
        <form id="add_form">
          <div class="item clearfix">
            <label for="name">姓名:</label>
            <input type="text" id="name">
          </div>
          <div class="item clearfix">
            <label for="sNo">学号:</label>
            <input type="text" id="sNo">
          </div>
          <div class="item clearfix">
            <label for="sex">性别:</label>
            <select id="sex">
              <option value="0">男</option>
              <option value="1">女</option>
            </select>
          </div>
          <div class="item clearfix">
            <label for="birth">生日:</label>
            <input type="text" id="birth">
          </div>
          <div class="item clearfix">
            <label for="phone">电话:</label>
            <input type="text" id="phone">
          </div>
          <div class="item clearfix">
            <label for="address">地址:</label>
            <input type="text" id="address">
          </div>
          <div class="item clearfix">
            <label for="email">邮件:</label>
            <input type="text" id="email">
          </div>
          <div class="btns">
            <div class="add_btn" id="add_btn">添加</div>
            <input type="reset" value="重置" class="reset_btn" id="reset_btn">
          </div>
        </form>
      </div>
      <div class="find_stu">查找学生</div>
    </div>
  </div>
</body>
<script src="../../tools/ajax.js"></script>
<script src="../main/index.js"></script>
</html>